@layer base {
  
  body, :host {
    /* Color */
    --zinc-950: #0a0a0a;
--zinc-925: #0f0f0f;
--zinc-900: #171717;
--zinc-800: #262626;
--zinc-700: #404040;
--zinc-600: #525252;
--zinc-500: #737373;
--zinc-400: #a3a3a3;
--zinc-300: #d4d4d4;
--zinc-200: #e5e5e5;
--zinc-100: #f5f5f5;
--zinc-50: #fafafa;
--base-background: #000000;
--base-foreground: #ffffff;
--destructive-foreground: #ffffff;
--destructive-background: #e2162a;
--destructive-text: #ff565f;
--destructive-background-sublte: #330A11;
--chart-blue: #47a8ff;
--chart-amber: #ffae00;
--warning-foreground: #ff9200;
--warning-background: #361a00;
    /* Fonts */
    --font-geist: 'Geist',sans-serif;
--font-geistmono: 'Geist Mono',monospace;

    /* Font size */
    --font-size-xxs: 0.625rem;
--font-size-xs: 0.75rem;
--font-size-sm: 0.875rem;
--font-size-base: 1rem;
--font-size-lg: 1.125rem;
--font-size-xl: 1.25rem;
--font-size-2xl: 1.5rem;
--font-size-3xl: 1.875rem;
--font-size-4xl: 2.25rem;
--font-size-5xl: 3rem;
    /* Font weight */
    --font-weight-regular: 400;
--font-weight-normal: 500;
--font-weight-bold: 700;
--font-weight-semi-bold: 600;
    /* Shadows */
    --shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
--shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
--shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
    /* Border radius */
    
    /* Spacing */
    --radius: 0.5rem;
--site-margin: 1rem;
--max-container-width: 65rem;
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}